<template>
	<view class="newMediaWrite_box">
		<view class="tip_box">
			<text class="text-A">不知道写什么？试试这个</text>
			<image src="/static/create/create_finger.png" mode=""></image>
			<text class="text-B">专业</text>
		</view>
		<view class="title">
			文章标题
			<text>*</text>
		</view>
		<view class="content">
			<u--textarea v-model="articleTitle" maxlength="200" placeholder="人工智能未来 的发展和就业前景" count height="312rpx">
			</u--textarea>
		</view>
		<view class="title" style="margin-top: 80rpx;">
			关键词
			<text>*</text>
		</view>
		<view class="content">
			<u--textarea v-model="keyword" maxlength="200" placeholder="猫咪 海鸥  大叔  海洋 天空" count height="312rpx">
			</u--textarea>
		</view>
		<view class="btn_box">
			<u-button :disabled="!articleTitle.trim()||!keyword.trim()" text="开始生成" shape='circle' size="large"
				color="#3FC698">
			</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				articleTitle: '',
				keyword: ''
			};
		}
	}
</script>

<style lang="scss">
	.btn_box {
		position: absolute;
		left: 10%;
		bottom: 121rpx;
		width: 80%;
		height: 91rpx;
	}



	.content {
		margin: auto;
		margin-top: 27rpx;
		width: 694rpx;
		height: 312rpx;
		border-radius: 12rpx;
	}

	.title {
		margin-top: 38rpx;
		margin-left: 37rpx;
		font-size: 29rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;

		text {
			color: red;
			margin: 0 10rpx;
		}
	}

	.tip_box {
		width: 100%;
		height: 74rpx;
		background: #F7F7F7;
		padding: 0 38rpx;
		box-sizing: border-box;

		image {
			width: 33.82rpx;
			height: 25.97rpx;
			margin: 0 10rpx;
		}

		.text-A {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 74rpx;
		}

		.text-B {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #22B573;
			line-height: 74rpx;
		}

		.aiPaintingDescriptor_box {
			position: relative;
		}
	}

	/deep/.u-textarea {
		background-color: #F7F7F7 !important;
	}

	/deep/.u-textarea__count {
		background-color: #F7F7F7 !important;
	}
</style>
